<template>
	<view>
		<view class="margin flex bg-white justify-between">
			<view class="text-center margin" v-for="(item,index) in items" :key="index" @tap="clickFunc(item)">
				<text class="text-grey" style="font-size: 24px;" :class="item.iconClass"></text>
				<view class="margin-top-sm">{{item.name}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'list-item',
		props: {
			items: {
				type: Array,
				default: function() {
					return []
				}
			}
		},
		methods: {
			clickFunc(item) {
				var that = this;
				this.$checkAuth(function() {
					that.$jump(item.page)
				});
			}
		}
	}
</script>

<style>
</style>
